<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>表格冻结</title>
        <style>
            .freeze_class {
                left: 0px;
               // position: absolute;
                //top: 10px;
                width: 100%;
                height: 200px;
                overflow: auto;
            }
        </style>
        <script type="text/javascript" src="res/js/jquery-1.5.min.js">
        </script>
        <script type="text/javascript" src="res/js/jquery-freezeTab.js">
        </script>
        <script type="text/javascript">
            $(function(){
		  	// $("#freeze").append(createTab(11,26));
                $("#freeze").freeze(2,1);
            });
		  
		  function createTab(row , cell){
		  	var tab=$('<table style="width:100%" border="1" cellspacing="0">');
			for(var i=0; i<row;i++){
				var rows = $("<tr>");
				for(var j = 0 ; j < cell ;j++){
					var cells;
					if(i==0){cells = $("<th>");}
					else{cells = $("<td>");}
                         cells.text(i+":"+j);
					rows.append(cells);					
				}
				tab.append(rows);
			}
			return tab;
		  }
        </script>
    </head>
    <body>
        
        <div id="freeze" class="freeze_class">
            <table style="width:100%;height:200px;overflow:auto" border="1" cellspacing="0">
              <tr>
                   <th>1111</th>
                   <th>222</th>
                   <th>333</th>
                   <th>444</th>
                   <th>555</th>
                   <th>6666</th>
			    <th>7777</th>
              </tr>
              <tr>
                  <td>aaaaaaqqqq</td>
                  <td>bbbbbbbbbbb</td>
                  <td>cccccccccccc</td>
                  <td>ddddddddd</td>
                  <td>eeeeeeeeeeee</td>
                  <td>fffffffffff</td>
                  <td>gggggggggggg</td>
              </tr>
              <tr>
                  <td>aaaaaa</td>
                  <td>bbbbbbbbbbb</td>
                  <td>cccccccccccc</td>
                  <td>ddddddddd</td>
                  <td>eeeeeeeeeeee</td>
                  <td>fffffffffff</td>
                  <td>gggggggggggg</td>
              </tr>
              <tr>
                  <td>aaaaaa</td>
                  <td>bbbbbbbbbbb</td>
                  <td>cccccccccccc</td>
                  <td>ddddddddd</td>
                  <td>eeeeeeeeeeee</td>
                  <td>fffffffffff</td>
                  <td>gggggggggggg</td>
              </tr>
              <tr>
                  <td>aaaaaa</td>
                  <td>bbbbbbbbbbb</td>
                  <td>cccccccccccc</td>
                  <td>ddddddddd</td>
                  <td>eeeeeeeeeeee</td>
                  <td>fffffffffff</td>
                  <td>gggggggggggg</td>
              </tr>
              <tr>
                  <td>aaaaaa</td>
                  <td>bbbbbbbbbbb</td>
                  <td>cccccccccccc</td>
                  <td>ddddddddd</td>
                  <td>eeeeeeeeeeee</td>
                  <td>fffffffffff</td>
                  <td>gggggggggggg</td>
              </tr>
              <tr>
                  <td>aaaaaa</td>
                  <td>bbbbbbbbbbb</td>
                  <td>cccccccccccc</td>
                  <td>ddddddddd</td>
                  <td>eeeeeeeeeeee</td>
                  <td>fffffffffff</td>
                  <td>gggggggggggg</td>
              </tr>
              <tr>
                  <td>aaaaaa</td>
                  <td>bbbbbbbbbbb</td>
                  <td>cccccccccccc</td>
                  <td>ddddddddd</td>
                  <td>eeeeeeeeeeee</td>
                  <td>fffffffffff</td>
                  <td>gggggggggggg</td>
              </tr>
              <tr>
                  <td>aaaaaa</td>
                  <td>bbbbbbbbbbb</td>
                  <td>cccccccccccc</td>
                  <td>ddddddddd</td>
                  <td>eeeeeeeeeeee</td>
                  <td>fffffffffff</td>
                  <td>gggggggggggg</td>
              </tr>
              <tr>
                  <td>aaaaaa</td>
                  <td>bbbbbbbbbbb</td>
                  <td>cccccccccccc</td>
                  <td>ddddddddd</td>
                  <td>eeeeeeeeeeee</td>
                  <td>fffffffffff</td>
                  <td>gggggggggggg</td>
              </tr>
              <tr>
                  <td>aaaaaaaaaaaG</td>
                  <td>bbbbbbbbbbb</td>
                  <td>cccccccccccc</td>
                  <td>ddddddddd</td>
                  <td>eeeeeeeeeeee</td>
                  <td>fffffffffff</td>
                  <td>ggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggga</td>
              </tr>
        </table>
        </div>
	   
    </body>
</html>
